<ion-view view-title="{{vm.store.name}}" class="store-view"
          hide-nav-tab>
    <ion-nav-buttons side="secondary">
        <button class="button button-clear">
            分享
        </button>
    </ion-nav-buttons>
    <div class="bar bar-header bar-clear inner-bar">
        <button class="button button-clear icon ion-ios-arrow-left"
            ng-click="vm.back()">
            返回
        </button>
        <h1 class="title">{{vm.store.name}}</h1>
        <button class="button button-clear">
            分享
        </button>
    </div>
    <div class="store-bg">
        <img ng-src="{{vm.store.img}}">
    </div>
    <div class="mask"></div>
    <ion-content delegate-handle="contentScroll" on-scroll="vm.onContentScroll();"
                 scroll-event-interval="5">
        <div class="action-box">
            <h1>{{vm.store.discount}}<span>折</span></h1>
            <p>{{vm.store.touchCount}}人已享</p>
            <p>
                <span class="label">限时优惠</span>
                折后立减10元
            </p>
            <button class="button button-block button-calm">
                去买单
            </button>
        </div>
        <ion-list>
            <div class="item info-box">
                <div class="list">
                    <div class="item item-avatar-right">
                        <img ng-src="{{vm.store.img}}">
                        <h3>{{vm.store.name}}</h3>
                        <p>人均{{vm.store.avg}}元</p>
                    </div>
                    <a class="item item-icon-right">
                        <span>橡树园萍水路422号</span>
                        <span class="item-note">1.4km</span>
                        <i class="icon ion-ios-telephone"></i>
                    </a>
                    <a class="item item-icon-right">
                        <span>适用于所有门店</span>
                        <span class="item-note">70家</span>
                        <i class="icon ion-ios-arrow-right"></i>
                    </a>
                </div>

                <div class="list">
                    <a class="item item-icon-right">
                        <span>评价</span>
                        <span class="item-note">501条</span>
                        <i class="icon ion-ios-arrow-right"></i>
                    </a>
                    <div class="item comment-item">
                            <button class="button button-small button-light">
                                味道和服务都棒棒哒
                            </button>
                            <button class="button button-small button-light">
                                不错
                            </button>
                            <button class="button button-small button-light">
                                一直喜欢
                            </button>
                            <button class="button button-small button-light">
                                称重不准
                            </button>
                            <button class="button button-small button-light">
                                8毛2毛的进口饮料
                            </button>
                    </div>
                </div>

                <div class="list">
                    <a class="item item-icon-right">
                        <span>折扣须知</span>
                        <span class="item-note">全场通用</span>
                        <i class="icon ion-ios-arrow-right"></i>
                    </a>
                </div>

                <div class="list">
                    <a class="item">
                        <span>更多信息</span>
                    </a>
                    <a class="item">
                        <span>营业时间：09:00-22:00</span>
                    </a>
                </div>

                <div class="list">
                    <a class="item button-item">
                        <button class="button button-block button-light">
                            我要报错
                        </button>
                    </a>
                </div>

            </div>
        </ion-list>
    </ion-content>
</ion-view>
